<script setup lang="ts">
import {MenuIconTypeEnum, MenuIconTypeLabelEnum} from "@menu"

/**
 * 组件参数
 */
defineProps<{
  // 菜单图标类型
  type: MenuIconTypeEnum;
}>()
</script>

<template>
  <n-tag v-if="type === MenuIconTypeEnum.ICONIFY" type="success">{{ MenuIconTypeLabelEnum.ICONIFY }}</n-tag>
  <n-tag v-else-if="type === MenuIconTypeEnum.TEXT" type="default">{{ MenuIconTypeLabelEnum.TEXT }}</n-tag>
  <n-tag v-else-if="type === MenuIconTypeEnum.LINK" type="info">{{ MenuIconTypeLabelEnum.LINK }}</n-tag>
</template>

<style scoped lang="scss">
.n-tag {
  border-radius: 0.5rem;
}
</style>
